<template>
  <view class="changeinfo">
    <view class="header">
      <image src="https:/study-online.zifengsama.top/public/images/%E7%B3%BB%E7%BB%9F%E5%9B%BE%E7%89%87/%E5%AE%89%E5%85%A8.png"
        mode=""></image>
      <view class="title">
        修改密码
      </view>
    </view>
    <view class="collectForm">
      <u--input placeholder="请输入原密码" border="surround" v-model="oldPassword"  :customStyle="{margin:'20rpx 0',height:'80rpx'}"></u--input>
      <u--input placeholder="请输入新密码" border="surround" v-model="newPassword" :customStyle="{margin:'20rpx 0',height:'80rpx'}"></u--input>
    </view>
    <button @click="confirm" class="confirm">确定修改</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        oldPassword: '',
        newPassword: ''
      };
    },
    methods: {
      confirm() {
        uni.showToast({
          duration:1000,
          icon:'loading',
          title:'请稍后',
        })
      }
    }
  }
</script>

<style lang="less">
  page {
    background-color: #fff
  }

  .changeinfo {
    padding: 0 20rpx;
    .header {
      display: flex;
      flex-direction: column;
      align-items: center;

      image {
        width: 300rpx;
        height: 250rpx;
      }

      .title {
        color: #55aaff;
        font-size: 48rpx;
      }
    }
    .collectForm {
      padding: 20rpx;
    }
    .confirm {
      color: #fff;
      background-color: #55aaff;
      border-radius: 30rpx;
    }
  }
</style>
